<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>09-文字堆积效果</title>
</head>

<body>
    <p>A <b>scroll</b> (from the Old French <i>escroe</i> or <i>escroue</i>), also known as a <b>roll</b>, is a roll of
        papyrus, parchment, or paper containing writing.</p>
    <h2>Structure</h2>
    <p>A scroll is usually divided up into pages, which are sometimes separate sheets of papyrus or parchment glued
        together at the edges, or may be marked divisions of a continuous roll of writing material. The scroll is
        usually
        unrolled so that one page is exposed at a time, for writing or reading, with the remaining pages rolled up to
        the
        left and right of the visible page. It is unrolled from side to side, and the text is written in lines from the
        top
        to the bottom of the page. Depending on the language, the letters may be written left to right, right to left,
        or
        alternating in direction (boustrophedon).</p>
    <p>Some scrolls are simply rolled up pages; others may have wooden rollers on each end: Torah scrolls have rather
        elaborate rollers befitting their ceremonial function.</p>
    <h2>History of scroll use</h2>
    <p>Scrolls were the first form of editable record keeping texts, used in Eastern Mediterranean ancient Egyptian
        civilizations. Parchment scrolls were used by the Israelites among others before the codex or bound book with
        parchment pages was invented by the Romans, which became popular around the 1st century AD. Scrolls were more
        highly
        regarded than codices until well into Roman times, where they were usually written in single latitudinal column.
    </p>
    <p>The ink used in writing scrolls had to adhere to a surface that was rolled and unrolled, so special inks were
        developed. Even so, ink would slowly flake off of scrolls.</p>
    <h2>Rolls</h2>
    <p>Rolls recording UK Acts of Parliament held in the Parliamentary Archives, Palace of Westminster, London</p>
    <style>
        html {
            margin: 0 auto;
            overflow: auto;
            position: relative;
            text-align: justify;
            font-size: 32px;
            background: #FDFC47;
            background: -webkit-linear-gradient(to right, #24FE41, #FDFC47);
            background: linear-gradient(to right, #24FE41, #FDFC47);
        }

        body {
            max-width: 500px;
            height: 500px;
            overflow: auto;
            color: #2D2D2D;
            margin: 40px auto;
            background: #FFFFFF;
        }

        body::after,
        *::before,
        span {
            position: sticky;
            top: 0em;
            bottom: 0em;
            white-space: nowrap;
        }

        p,
        h2,
        div {
            display: inline;
            font-size: 1rem;
        }

        h2::before {
            content: "§ ";
        }

        p::before {
            content: "¶ ";
        }

        h2 {
            color: rgba(255, 100, 100, 1);
        }

        b,
        i {
            color: rgba(255, 100, 100, 0.7);
        }
    </style>
</body>

</html>